body{
	color:#eee;
	font-size:0.825em;
	background: #2f2e2f;
	font-family:Arial "Arial Black", Gadget, sans-serif, Helvetica, sans-serif;
}

#top { 
	position: absolute;
	top: 5px;
	left: 130px;
	width: 750px;
	height: 120px;
	background: #0CC;
	float: left;
}

#win { 
	position: absolute;
	top: 125px;
	left: 130px;
	width: 750px;
	height: 900px;
	background: #345;
	float: left;
}

#tmp {
	position: absolute;
	top:0px;
	width: 100%;
	height:5px;
	background:#2f2e2f;
	z-index: 1;
	}

#login {
	position: absolute;
	top: 5px;
	left: 880px;
	width: 300px;
	height: 120px;
	background: #06F;
	text-align: justify;
	font-size:80px;
	float: left;
	transition:background 0.5s ease-in;
	-webkit-transition: background 0.5s ease-in;
	-moz-transition: background 0.5s ease-in;
	-o-transition: background 0.5s ease-in;
	transition: background 0.5s ease-in;
}   
#login:hover{
	background: #C33;
}
#abc {
	position:absolute;
	top: 0px;
	font-size:250px;
	text-align:center;
	background-image:url(login.png);
	-webkit-transition: top 0.5s ease-in;
	-moz-transition: top 0.5s ease-in;
	-o-transition: top 0.5s ease-in;
	transition: top 0.5s ease-in;
	}
	
#abc:hover{
	top: -120px;
	}

#question { 
	position: absolute;
	top: 125px;
	left: 880px;
	width: 300px;
	height: 160px;
	background: #156;
	float: left;
}

#rec { 
	position: absolute;
	top: 285px;
	left: 880px;
	width: 300px;
	height: 740px;
	background: #489;
	float: left;
}

#podv { 
	position: absolute;
	top: 1025px;
	left: 130px;
	width: 1050px;
	height: 20px;
	background: #135;
	float: left;
}


